为了账号安全,请及时绑定邮箱和手机立即绑定

关于jQuery操作复选框checkbox的attr无效的问题的解决方案

标签:
Html5

关于checkbox的attr无效的问题的经济办法

jq用了10版本的,一直发现attr无效,其实解决问题的方法是很简单的,主要的问题是由于 新版本attr换成了prop的问题。

$("input[name='delIds']").prop("checked",this.checked);

jQuery 更改checkbox的状态,无效


$(this).attr("checked", false).checkboxradio("refresh");     //应该这么写吧,少了$这个东东~~~跟js混淆了


jQuery 操作复选框(checkbox) attr checked不起作用

 

这天用到jQuery功能,想实现一个简单的复选框动态全选或全不选,结果测试发现 attr(‘checked’,'checked’);与attr(‘checked’,true); 都不好使,要么第一次成功了,第二次调用就没反应,完全不起作用了。那到底是什么原因呢?

害得帮客之家小编到处到网上搜 jQuery checkbox的操作,动态选择的相关文章,都写着是这样的实现代码:

$('input[type=checkbox]').attr('checked','checked');//全选,设置属性 $('input[type=checkbox]').attr('checked',true);//全选,设置属性,通过true布尔值形式 $('input[type=checkbox]').attr('checked',false);//不选择,布尔值形式 $('input[type=checkbox]').removeAttr('checked','checked');//不选选,删除属性


但是测试结果发现,屡试不爽啊,选择一次全选,再调用一次反选,再去调用全选就没效果了。

难道是 removeAttr 的原因?还是‘帮客之家’使用过新的 jQuery 1.9.1版本。(还是说我要使用原生的javascript代码来完成这项工作呢?)

这些都不是理由,理由应该 是自己没有用好。不可能这么牛比的框架这么简单的功能都不能实现(也不要轻意怀疑浏览器的问题)

最终解决方案

还是到官网,搜索了’checkbox’,找到一文章,仔细查看了吓,有一个类似的操作是


$('obj').attr('checked',true);

 $('obj').prop('checked',true); 

$('obj').attr('checked',false);

 $('obj').prop('checked',false);

原文链接:http://www.apkbus.com/blog-228660-60452.html

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消